<!--
 * @Description: 
 * @Version: 2.0
 * @Autor: wsh
 * @Date: 2023-06-20 18:06:15
 * @LastEditors: uphldjx 1373577124@qq.com
 * @LastEditTime: 2023-10-11 17:33:44
-->
<template>
	<BaseContainer>
		<el-tabs v-model="activeName" class="demo-tabs">
			<el-tab-pane label="楼栋管理" name="BuildPage"></el-tab-pane>
			<el-tab-pane label="房间管理" name="RoomPage"></el-tab-pane>
			<el-tab-pane label="床位管理" name="BedPage"></el-tab-pane>
			<component :is="tabs[activeName]"></component>
		</el-tabs>
	</BaseContainer>
</template>

<script setup lang="ts">
import BuildPage from './BuildPage/index.vue'
import RoomPage from './RoomPage/index.vue'
import BedPage from './BedPage/index.vue'

const tabs = {
	BuildPage,
	RoomPage,
	BedPage,
}
const activeName = ref('BuildPage')
</script>

<style scoped lang="scss">

</style>
